<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>360商城</title>
	<link rel="stylesheet" type="text/css" href="css/index.css">
	<link rel="stylesheet" type="text/css" href="css/list.css">
	<script src="js/jquery.min.js" type="text/javascript" charset="utf-8" async defer></script>
	<script>
		
	</script>
</head>
<body>
	<!-- top头部部分开始 -->
		<!-- top头部部分开始 -->
		<div id="top">
			<div class="top">
				<div class="right">
					<ul>
						<li> <a href="" title="">登录</a></li>
						<li> <a href="" title="">注册</a></li>
						<li> <a href="" title="">我的订单</a></li>
					</ul>
				</div>
			</div>
		</div>
		<!-- logo购物车部分开始 -->
		<div id="search">
			<div class="logo">
				<a href="" title=""><img src="images/logo.png" alt=""></a>
			</div>
			<!-- 搜索框部分开始 -->
			<div class="header_search">
				<div class="form">
					<form action="" method="post" accept-charset="utf-8">
						<input class="input" type="text" name="q" placeholder="360行车记录仪">
						<input class="submit" type="submit" value="">
					</form>
				</div>
				<div class="shopcar">
					<div class="gwc">
						<a href="" title=""><i></i>我的购物车<span>(0)</span></a>
					</div>
					<div class="gwchtc">
						<a href="" title="">您的购物车没有东西<span>(0)</span></a>
					</div>
				</div>
				<div class="hot">
				<a href="">智能出行伴侣</a><a href="">智能出行伴侣</a><a href="">智能出行伴侣</a>
				</div>
			</div>
			
		</div>
		<!-- top购物车部分结束 -->
		<!-- top分类部分开始 -->
		<div id="cate">	
			<div id="top_cate">
			<div class="cate">
				<a href=""> 全部智能酷品</a>
			</div>
			<ul>
				<li><a href="">手机</a></li>
				<li><a href="">行车记录仪</a></li>
				<li><a href="">儿童手表</a></li>
				<li><a href="">手机</a></li>
				<li><a href="">路由器</a></li>
				<li><a href="">路由器</a></li>
			</ul>
			</div>
		</div>
	<!-- 公共部分结束 -->
		<!-- 搜索导航区域 -->
		<div id="search_nav">
			<div class="search_nav"> 
				<span class="default_path">
					<a href="">首页</a>
						<i>&gt;</i>
					<a href="">全部搜索结果</a>
						<i>&gt;</i>
				</span> 
<!-- 				<div class="ss">
					<span class="sw_box"></span>
            	    <span class="tag_box"></span>
            	</div>  -->
            	<span class="qwords">全部</span>
            </div>

            <div class="search_nav"> 
				<div class="cate">
					分类：
				</div>
				<ul>
					<li><a class="" href="" title="智能家居">智能家居</a></li>
					<li><a class="" href="" title="智能家居">智能家居</a></li>
					<li><a class="" href="" title="智能家居">智能家居</a></li>
					<li><a class="" href="" title="智能家居">智能家居</a></li>
					<li><a class="" href="" title="智能家居">智能家居</a></li>
					<li><a class="" href="" title="智能家居">智能家居</a></li>
					<li><a class="" href="" title="智能家居">智能家居</a></li>
				</ul>
            </div>

            <div class="search_nav"> 
				<div class="cate">
					品牌：
				</div>
				<ul class="brand">
					<li><a href="" title="宜客莱">宜客莱</a></li>
					<li><a href="" title="宜客莱">宜客莱</a></li>
					<li><a href="" title="宜客莱">宜客莱</a></li>
					<li><a href="" title="宜客莱">宜客莱</a></li>
					<li><a href="" title="宜客莱">宜客莱</a></li>
					<div class="find_more">
					查找更多
						<div class="hidden">
							<li><a href="" title="宜客莱">宜客莱</a></li>
							<li><a href="" title="宜客莱">宜客莱</a></li>
							<li><a href="" title="宜客莱">宜客莱</a></li>				
						</div>
					</div>
									
				</ul>

            </div>

             <div class="search_nav none"> 
				<div class="cate">
					排序：
				</div>
				<ul class="brand">
					<li><a href="" title="默认">默认</a></li>
					<li><a href="" title="价格">价格</a></li>
					<li>
						<span class="filter_chkbox" data-monitor="search_paixu_youhuo">
			                <label>
			                    <input id="is_stock" type="checkbox"> 仅看有货产品
			                </label>
		            	</span>
		            </li>					
				</ul>
            </div>
		</div>
	<!-- 搜索导航区域结束 -->




		<div id="show_data">
			<div class="show">
				<ul class="list">

					<!-- 图片部分 -->

					<a href="" title="">
						<li class="li_item">
						<div class="img">
							<img src="images/list001.jpg" alt="">
						</div>
						<div class="des">
							<p class="p1">360手机f4标准版移动4G魔力白</p>
							<p class="p2">599</p>
						</div>
						</li>
					</a>






					<a href="" title="">
						<li class="li_item">
						<div class="img">
							<img src="images/list001.jpg" alt="">
						</div>
						<div class="des">
							<p class="p1">360手机f4标准版移动4G魔力白</p>
							<p class="p2">599</p>
						</div>
						</li>
					</a>
					<a href="" title="">
						<li class="li_item">
						<div class="img">
							<img src="images/list001.jpg" alt="">
						</div>
						<div class="des">
							<p class="p1">360手机f4标准版移动4G魔力白</p>
							<p class="p2">599</p>
						</div>
						</li>
					</a>
					<a href="" title="">
						<li class="li_item">
						<div class="img">
							<img src="images/list001.jpg" alt="">
						</div>
						<div class="des">
							<p class="p1">360手机f4标准版移动4G魔力白</p>
							<p class="p2">599</p>
						</div>
						</li>
					</a>
					<a href="" title="">
						<li class="li_item">
						<div class="img">
							<img src="images/list001.jpg" alt="">
						</div>
						<div class="des">
							<p class="p1">360手机f4标准版移动4G魔力白</p>
							<p class="p2">599</p>
						</div>
						</li>
					</a>
					<a href="" title="">
						<li class="li_item">
						<div class="img">
							<img src="images/list001.jpg" alt="">
						</div>
						<div class="des">
							<p class="p1">360手机f4标准版移动4G魔力白</p>
							<p class="p2">599</p>
						</div>
						</li>
					</a>
					<li class="li_item">
						<div class="img">
							<a href="" title=""><img src="images/list001.jpg" alt=""></a>
						</div>
						<div class="des">
							<a href="" title=""><p class="p1">360手机f4标准版移动4G魔力白</p></a>
							<a href="" title=""><p class="p2">599</p></a>
						</div>
					</li>
					<li class="li_item">
						<div class="img">
							<a href="" title=""><img src="images/list001.jpg" alt=""></a>
						</div>
						<div class="des">
							<a href="" title=""><p class="p1">360手机f4标准版移动4G魔力白</p></a>
							<a href="" title=""><p class="p2">599</p></a>
						</div>
					</li>
					<li class="li_item">
						<div class="img">
							<a href="" title=""><img src="images/list001.jpg" alt=""></a>
						</div>
						<div class="des">
							<a href="" title=""><p class="p1">360手机f4标准版移动4G魔力白</p></a>
							<a href="" title=""><p class="p2">599</p></a>
						</div>
					</li>
					<li class="li_item">
						<div class="img">
							<a href="" title=""><img src="images/list001.jpg" alt=""></a>
						</div>
						<div class="des">
							<a href="" title=""><p class="p1">360手机f4标准版移动4G魔力白</p></a>
							<a href="" title=""><p class="p2">599</p></a>
						</div>
					</li>
					<li class="li_item">
						<div class="img">
							<a href="" title=""><img src="images/list001.jpg" alt=""></a>
						</div>
						<div class="des">
							<a href="" title=""><p class="p1">360手机f4标准版移动4G魔力白</p></a>
							<a href="" title=""><p class="p2">599</p></a>
						</div>
					</li>
					<li class="li_item">
						<div class="img">
							<a href="" title=""><img src="images/list001.jpg" alt=""></a>
						</div>
						<div class="des">
							<a href="" title=""><p class="p1">360手机f4标准版移动4G魔力白</p></a>
							<a href="" title=""><p class="p2">599</p></a>
						</div>
					</li>
					<li class="li_item">
						<div class="img">
							<a href="" title=""><img src="images/list001.jpg" alt=""></a>
						</div>
						<div class="des">
							<a href="" title=""><p class="p1">360手机f4标准版移动4G魔力白</p></a>
							<a href="" title=""><p class="p2">599</p></a>
						</div>
					</li>
					<li class="li_item">
						<div class="img">
							<a href="" title=""><img src="images/list001.jpg" alt=""></a>
						</div>
						<div class="des">
							<a href="" title=""><p class="p1">360手机f4标准版移动4G魔力白</p></a>
							<a href="" title=""><p class="p2">599</p></a>
						</div>
					</li>
					<li class="li_item">
						<div class="img">
							<a href="" title=""><img src="images/list001.jpg" alt=""></a>
						</div>
						<div class="des">
							<a href="" title=""><p class="p1">360手机f4标准版移动4G魔力白</p></a>
							<a href="" title=""><p class="p2">599</p></a>
						</div>
					</li>
				</ul>
			</div>
		</div>

		<div id="ser">
			<div class="ser">
				<div class="li">
					<i>7</i><span>7天无理由退货</span>
				</div>
				<div class="li">
					<i>15</i><span>15天免费换货</span>
				</div>
				<div class="li lin">
					<i>包</i><span>7满99元包邮</span>
				</div>
			</div>
		</div>


		<div id="footer">
	         <div class="ft">
	         		<br>
	         		<br>
	         		<br>
	              <p>360商城©2013-2016 360公司版权所有 京ICP备08010314号-43 京公网安备11000002000006号奇酷互联网络科技（深圳）有限公司 0755-61898999 深圳市南山区学苑大道1001号南山智园A2栋</p>
	         </div>
        </div>
</body>
</html>